<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人信息</title>
		<#assign base=request.contextPath  />
		<link rel="stylesheet" type="text/css" href="${base}/Yang/layui/css/layui.css"/>
		<link rel="stylesheet" href="${base}/css/common.css" type="text/css" charset="utf-8" />
		<script src="${base}/Yang/layui/layui.js"></script>
		<script src="${base}/Yang/jquery-1.9.0.min.js"></script>
		<style type="text/css">
			li {
				padding: 0.8em;
				border-bottom: 1px solid #eaeaea;
			}
			.iabout {
				background: no-repeat center center url();
				background-size: 50px 44px;
				color: white;
			}



			.chs {
				font-size: 0.8em;
				color: #838383;
			}
			.top2{
				border-top: 1px solid #585858;
				width: 100%;
				height:150px;
				border-bottom: 5px solid #F2F1F1;
			}
			.touxiang{
				margin: 30px auto 5px auto ;
				width: 70px;
				height: 70px;
				border-radius: 50%;
				background-color:red;
			}
			.imger{
				width: 70px;
				height:70px;
				border-radius: 50%;
			}
			.name{
				text-align: left;
				margin-top:100px;
				margin-left: 100px;
				background-color: white;
			}
			.item{
				    float: left;
				    display: block;
				    width: 80px;
				    text-align: right;
				    padding-right: 20px;
			}

		</style>
	</head>

	<body onselectstart="return false;">
		<header id="header">
			<div id="back"  class="nvbt layui-icon layui-icon-return" style="font-size: 20px;"></div>
			<div class="nvtt" style="font-size: 20px;">个人信息</div>
			<div><i class="layui-icon layui-icon-username" style="font-size: 20px;"></i> </div>
		</header>
		<div id="content" class="content">
			<div class="top2">
				<div class="touxiang">
					<img id="imger" src="#"></img>
				</div>
				<a style="color: #999999;" id="test20" >点击修改头像</a>
			</div>
			<ul id="plist" style="list-style:none;margin:0;padding:0;text-align:left;">
				<li>
					<span class="item">姓名</span>
					<span>杨凯旋</span>
				</li>
				<li>
					<span class="item">车型</span>
					<span>保时捷918</span>
				</li>
				<li>
					<span class="item">总充电量</span>
					<span>100000</span>
				</li>
				<li>
					<span class="item">总费用</span>
					<span>999999999999</span>
				</li>
			</ul>

		</div>
	<script type="text/javascript">
		layui.use('upload', function(){
		  var $ = layui.jquery
		  ,upload = layui.upload;
  			 upload.render({
		    elem: '#test20'
		    ,url: '${base}/car/upload'
		    ,done: function(res){
		      console.log(res)
		    }
		  });
		});
	</script>

	</body>
</html>